<link rel="stylesheet" href="/assets/css/common.css"/>
<link rel="stylesheet" href="/assets/css/binding.css"/>
<link rel="stylesheet" href="/assets/css/menu.css"/>
<link rel="stylesheet" href="/assets/css/bx-topbar.css"/>
<@extends name="/project/bx-topbar.ftl"/>
<div class="all">
    <@extends name="/project/menu.ftl"/>
    <div class="content">
        <div class="title">
            <em></em>
            <span>账户绑定</span>
        </div>
        <div class="account-tab">
            <a class="tab-active tab-bankcard" href="javascript:void(0)">银行卡</a>
            <a class="tab-wallet" href="javascript:void(0)">虚拟钱包</a>
        </div>
        <div class="main-con">
            <!--已绑定银行卡-->
            <div class="bankcard">
                <div class="main">
                    <div class="row clearfix">
                        <p class="row-left">持卡人姓名：</p>
                        <div class="row-right">
                            <input type="button" class="cardholdered">
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">开户行：</p>
                        <div class="row-right">
                            <select name="" id="openings">
                                <!--<option value="${bank.id}" selected class="to-openinged"></option>-->
                                <#list bankList as bank>
                                    <option value="${bank.id}" class="to-openinged">${bank.name}</option>
                                </#list>
                            </select>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">银行卡号：</p>
                        <div class="row-right">
                            <input type="text" class="carded">
                        </div>
                    </div>
                    <p class="info-err-card"></p>
                </div>

                <a href="javascript:void(0)" class="card-modified">修改</a>
            </div>
            <!--未绑定银行卡-->
            <div class="bankcard-not">
                <div class="main">
                    <div class="row clearfix">
                        <p class="row-left">持卡人姓名：</p>
                        <div class="row-right">
                            <input type="text" class="cardholder">
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">开户行：</p>
                        <div class="row-right">
                            <select name="" id="opening">
                                <#list bankList as bank>
                                    <option value="${bank.id}">${bank.name}</option>
                                </#list>
                            </select>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">银行卡号：</p>
                        <div class="row-right">
                            <input type="text" class="card">
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">确认卡号：</p>
                        <div class="row-right">
                            <input type="text" class="confirm">
                        </div>
                    </div>
                    <p class="info-err"></p>
                    <a class="binding-btn" href="javascript:void(0)">绑定</a>
                </div>
            </div>
            <!--已绑定虚拟币-->
            <div class="wallet">
                <div class="row clearfix">
                    <p class="row-left">用户名：</p>
                    <div class="row-right">
                        <input type="text" class="account-name">
                    </div>
                </div>
                <div class="row clearfix">
                    <p class="row-left">虚拟币地址：</p>
                    <div class="row-right">
                        <input type="text" class="virtual-currency">
                    </div>
                </div>
                <p class="info-err-vir"></p>
                <a href="javascript:void(0)" class="vir-modified">修改</a>
                <em class="user-id" style="display:none"></em>
            </div>
            <!--未绑定虚拟币-->
            <div class="wallet-not">
                <div class="row clearfix">
                    <p class="row-left">用户名：</p>
                    <div class="row-right">
                        <input type="text" class="account-name-not">
                    </div>
                </div>
                <div class="row clearfix">
                    <p class="row-left">虚拟币地址：</p>
                    <div class="row-right">
                        <input type="text" class="virtual-currency-not">
                    </div>
                </div>
                <p class="info-err-wallet"></p>
                <a class="wallet-btn" href="javascript:void(0)">绑定</a>
            </div>
        </div>
    </div>
</div>


<script src="/assets/script/jquery-1.8.2.min.js"></script>
<script src="https://cdn.bootcss.com/handlebars.js/4.0.11/handlebars.js"></script>
<script src="https://cdn.bootcss.com/seajs/3.0.2/sea.js"></script>
<script src="/assets/script/common.js"></script>
<script src="/assets/script/binding.js"></script>
